<template>
  <div>
    <v-card title="极区柱形图（径向）">
      <vcu-chart-polar :data="chartData" :settings="settings" />
    </v-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      chartData: {
        dimensions: {
          name: "product",
          data: ["拿铁", "摩卡", "意式", "美式"],
        },
        measures: [
          {
            name: "2017",
            data: [43.2, 23.9, 87.7, 77.2],
          },
          {
            name: "2018",
            data: [33.9, 76.8, 65.1, 20.8],
          },
          {
            name: "2019",
            data: [90.7, 78.6, 28.7, 53.9],
          },
        ],
      },
      settings: {
        polarType: "bar",
        radial: true,
      },
    };
  },
  methods: {},
  created() {},
};
</script>
<style lang="less" scoped>
</style>
